<!DOCTYPE HTML>
<html lang="sv">
<head>
	<meta charset="utf-8" />

	<title>Häst</title>
	<link rel="stylesheet" href="css/style.css" />
</head>
<body>
	<header id="banner" class="body">
		<h1><a href="index.php" title="Hem">µblog.</a></h1>
		<div id="login">
			<form>
					<!--<label for="userName">Användarnamn: </label>-->
					<input type="text" id="userName" name="userName" placeholder="Användarnamn"/>
					
					<!--<label for="password">Lösenord</label>-->
					<input type="password" is="password" name="password" placeholder="Lösenord" />
			</form>
		</div>
	<nav class="block">
		<ul>
			<li><a href="#">Start</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Inställnignar</a></li>
		</ul>
	</nav>
	</header>
	<aside id="feat" class="body">
		<article class="block">
			<figure>
				<img src="http://placekitten.com/230/150" alt="bild" />
			</figure>
			<H2>Stay a while and listen..</H2>
			<blockquote>"<strong>Microblogging</strong> is a broadcast medium in the form of blogging. 
				A microblog differs from a traditional blog in that its content is typically smaller in both actual and aggregate file size. 
				Microblogs "allow users to exchange small elements of content such as short sentences, individual images, or video links"</p>
				<footer>- Wikipedia</footer>
			</blockquote>
		</article>
	</aside>
	<!-- Innehåll -->
		<section id="upload" class="body">
			<article class="block">
				<header>
					<h1>Ladda upp fil</h1>
				</header>
					<p>Lorizzle ipsizzle dolizzle dope amizzle, dang adipiscing elit. Things sapien velizzle, break it down volutpat, bling bling away, bow wow wow vizzle, arcu. Pellentesque rizzle tortor. Crunk erizzle. Tellivizzle izzle dolor gangsta owned tempus tempizzle. Crackalackin pellentesque shut the shizzle up et turpizzle. Bow wow wow izzle tortizzle. Pellentesque hizzle rhoncus cool. In ghetto habitasse platea mah nizzle. Funky fresh dapibus. Shizzle my nizzle crocodizzle tellus sure, pretizzle eu, mattizzle ac, eleifend mah nizzle, fo shizzle. Sheezy suscipizzle. Da bomb semper velit sizzle go to hizzle.</p>
			</article>
			<article class="block">
				<header>
					<h1>Fillista</h1>		
				</header>	
				<p>Lorizzle ipsizzle dolizzle dope amizzle, dang adipiscing elit. Things sapien velizzle, break it down volutpat, bling bling away, bow wow wow vizzle, arcu. Pellentesque rizzle tortor. Crunk erizzle. Tellivizzle izzle dolor gangsta owned tempus tempizzle. Crackalackin pellentesque shut the shizzle up et turpizzle. Bow wow wow izzle tortizzle. Pellentesque hizzle rhoncus cool. In ghetto habitasse platea mah nizzle. Funky fresh dapibus. Shizzle my nizzle crocodizzle tellus sure, pretizzle eu, mattizzle ac, eleifend mah nizzle, fo shizzle. Sheezy suscipizzle. Da bomb semper velit sizzle go to hizzle.</p>
			</article>
		</section>
	<footer class="body">
		
	</footer>
</body>
</html>